import CodeView from '../../../shared/components/CodeView.jsx';
import { getDisplayElementById } from '../../shared/helpers';
import * as Base from './example';

<div className="doc lead">
  A description list
</div>

## Base
<CodeView>
  {getDisplayElementById(Base.examples, 'description-list')}
</CodeView>

## Examples

### Inline
<CodeView>
  {getDisplayElementById(Base.examples, 'description-list-inline')}
</CodeView>

### Inline Narrow
<CodeView>
  {getDisplayElementById(Base.examples, 'inline-narrow')}
</CodeView>

### Horizontal
<CodeView>
  {getDisplayElementById(Base.examples, 'description-list-horizontal')}
</CodeView>

### Horizontal Narrow
<CodeView>
  {getDisplayElementById(Base.examples, 'horizontal-narrow')}
</CodeView>
